<script lang="ts" setup>
import { onMounted, ref } from 'vue';

const timeRunning = ref('');

onMounted(() => {
    const startTime = new Date(2023, 0, 1).getTime(); // 假设网站在2023年1月1日上线
    setInterval(() => {
        const currentTime = new Date().getTime();
        const timeDiff = (currentTime - startTime) / 1000; // 转换为秒
        const days = Math.floor(timeDiff / 86400); // 一天有86400秒
        const hours = Math.floor((timeDiff % 86400) / 3600); // 一小时有3600秒
        const minutes = Math.floor((timeDiff % 3600) / 60); // 一分钟有60秒
        const seconds = Math.floor(timeDiff % 60);

        timeRunning.value = `${days}天${hours}小时${minutes}分钟${seconds}秒`;
    }, 1000); // 每秒更新一次
}) 
</script>

<template>
    <div>
        <el-text>网站已运行：{{ timeRunning }}</el-text>
    </div>
</template>

<style scoped lang="scss"></style>